<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/swiper-3.4.2.min.js"></script>
	<script src="js/yxMobileSlider.js"></script>
	<title>某东</title>
</head>
<body>
	<div id="maxBox">
		<header class="search">
			<div class="bj">
				<div class="info">
					<form active='' method="get">
						<span class="s1"></span>
						<span class="s2"></span>
						<input type="text" name="" placeholder="暗影游戏本">
						<a href="my.html"><span class="s3"></span></a>
					</form>
				</div>
			</div>
		</header>
		<div class="slider">
	  		<ul>
	   			<li><a href="javascript:;" target="_blank"><img src="img/lb1.jpg" alt=""></a></li>
				<li><a href="javascript:;" target="_blank"><img src="img/lb2.jpg" alt=""></a></li>
				<li><a href="javascript:;" target="_blank"><img src="img/lb3.jpg" alt=""></a></li>
				<li><a href="javascript:;" target="_blank"><img src="img/lb4.jpg" alt=""></a></li>
				<li><a href="javascript:;" target="_blank"><img src="img/lb5.jpg" alt=""></a></li>
	  		</ul>
		</div>
		<section class="content">
			<!-- 某东分类 -->
			<ul class="ificationUl clear-fix">
			    <li><a href="javascript:;"><img src="img/s1.png" alt="某某超市"><span>某某超市</span></a></li>
			    <li><a href="javascript:;"><img src="img/s2.png" alt="全球购"><span>全球购</span></a></li>
			    <li><a href="javascript:;"><img src="img/s3.png" alt="服装城"><span>服装城</span></a></li>
			    <li><a href="javascript:;"><img src="img/s4.png" alt="某某生鲜"><span>某某生鲜</span></a></li>
			    <li><a href="javascript:;"><img src="img/s5.png" alt="某某到家"><span>某某到家</span></a></li>
			    <li><a href="javascript:;"><img src="img/s6.png" alt="充值缴费"><span>充值缴费</span></a></li>
			    <li><a href="javascript:;"><img src="img/s7.png" alt="惠赚钱"><span>惠赚钱</span></a></li>
			    <li><a href="javascript:;"><img src="img/s8.png" alt="领券"><span>领券</span></a></li>
			    <li><a href="javascript:;"><img src="img/s9.png" alt="物流查询"><span>物流查询</span></a></li>
			    <li><a href="javascript:;"><img src="img/s10.png" alt="领豆豆"><span>领豆豆</span></a></li>
			</ul>
			<!-- 某东快报 -->
			<div class="news">
				<img src="img/kb.png" alt="" width="73" height="16" style="float: left;">
				<div class="swiper-container newsInfo">
					<div class="swiper-wrapper">
		  				<div class="swiper-slide">庞大数据哪里放？还得靠移动硬盘
						</div>
		  				<div class="swiper-slide">这些明星球鞋，你知道有多少？
						</div>
		   				<div class="swiper-slide">3C周末放价，Cool 1C五秒秒杀
						</div>
				 	</div>
				</div>
				<a href="#">更多</a>
			</div>
			<!-- 某东秒杀--> 
			<div class="seckill">
				<div class="seckHead">
					<a href="javascript:;">
						<img src="img/ms.png" alt="">
						<strong id="seckillNow"><em></em>点场</strong>
						<div class="time">
	    					<div id="time_m"></div>:
	    					<div id="time_s"></div>
						</div>
					</a>
					<span>难得有闲买买买</span>
				</div>
				<div class="swiper-container1" style="width: 100%;">
       				<ul class="swiper-wrapper seckUl">
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms1.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms2.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms3.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms4.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms5.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms6.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms7.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms8.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms9.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				        <li class="swiper-slide seckList"><a href="javascript:;"><img src="img/ms10.jpg"></a><p>&yen;123</p><del>&yen;234</del></li>
				    </ul>
				</div>
				<div class="seckOther">
					<ul class="seckOtherUl clear-fix">
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">发现好货</strong><p class="graphic-wz">发现品质生活</p><img src="img/msOther1.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">排行榜</strong><p class="graphic-wz">实时热卖尖货</p><img src="img/msOther2.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">闪购</strong><p class="graphic-wz">品牌特卖</p><img src="img/msOther3.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">达人精选</strong><p class="graphic-wz">明天穿什么</p><img src="img/msOther4.jpg"></a></li>
					</ul>
				</div>
			</div> 
			<!-- 逛商场 -->
			<div class="shopping">
				<div class="shopHead">
					<img src="img/shopping.png">
					<span>
						<img src="img/shoptext.png">
					</span>
				</div>
				<div class="shopCategory">
					<div class="shopCategoryInfo clear-fix">
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">时尚馆</strong>
										<p class="textInfo">女装超级品类日</p>
										<span class="textBtn" style="background:#7b1aff">跨店3件7折</span>
									</div>
									<div class="shopListImg">
										<img src="img/ssg.jpg">
									</div>
								</div>
							</a>
						</div>
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">大家电馆</strong>
										<p class="textInfo">满2000减200</p>
									</div>
									<div class="shopListImg">
										<img src="img/djdq.jpg">
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="shopCategory">
					<div class="shopCategoryInfo clear-fix">
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead"> 母婴馆</strong>
										<p class="textInfo"> 低至5折</p>
									</div>
									<div class="shopListImg">
										<img src="img/myg.jpg">
									</div>
								</div>
							</a>
						</div>
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">电脑办公</strong>
										<p class="textInfo">999减150</p>
										<span class="textBtn" style="background:#7b1aff">尊享私人影院</span>
									</div>
									<div class="shopListImg">
										<img src="img/dnbg.jpg">
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<!-- 享品质 -->
			<div class="shopping">
				<div class="shopHead">
					<img src="img/shopping.png">
					<span>
						<img src="img/xpz.jpg">
					</span>
				</div>
				<div class="shopCategory">
					<div class="shopCategoryInfo clear-fix">
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">全球尖货</strong>
										<p class="textInfo">美妆199-100</p>
									</div>
									<div class="shopListImg">
										<img src="img/qqjh.jpg">
									</div>
								</div>
							</a>
						</div>
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">京东精选</strong>
										<p class="textInfo">高效清洁单品</p>
									</div>
									<div class="shopListImg">
										<img src="img/jdjx.jpg">
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="shopCategory">
					<div class="shopCategoryInfo clear-fix">
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">京东体育</strong>
										<p class="textInfo">运动潮牌</p>
										<span class="textBtn" style="background:#7b1aff">夏季新品聚惠</span>
									</div>
									<div class="shopListImg">
										<img src="img/sport.jpg">
									</div>
								</div>
							</a>
						</div>
						<div class="shopList">
							<a href="javascript:;">
								<div class="shopListShow">
									<div class="shopListText">
										<strong class="textHead">奢品大牌</strong>
										<p class="textInfo">母情节为爱甄选</p>
										<span class="textBtn" style="background:#7b1aff">每满500减60</span>
									</div>
									<div class="shopListImg">
										<img src="img/dp.jpg">
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="seckOther">
					<ul class="seckOtherUl clear-fix">
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">环球时尚</strong><p class="graphic-wz">低至399</p><img src="img/hqss.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">珠宝首饰</strong><p class="graphic-wz">饰尚之旅</p><img src="img/zbss.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">设计师</strong><p class="graphic-wz">潮流设计精选</p><img src="img/sjs.jpg"></a></li>
						<li class="seckOtherLi"><a href="javascript:;"><strong class="graphic-tit">中外名酒</strong><p class="graphic-wz">红酒399减100</p><img src="img/zwmj.jpg"></a></li>
					</ul>
				</div>
			</div>
		</section>
		
	</div>
	<footer>
		<div class="footerDiv">
			<ul class="footerUl clear-fix">
				<li class="footerLi"><a href="#"><img src="img/recommend.png"></a></li>
				<li class="footerLi"><a href="category.html"><img src="img/catergry.png"></a></li>
				<li class="footerLi"><a href="find.html"><img src="img/find.png"></a></li>
				<li class="footerLi"><a href="shoppingcar.html"><img src="img/cart.png"></a></li>
				<li class="footerLi"><a href="my.html"><img src="img/me.png"></a></li>
			</ul>
		</div>
	</footer>
	<script>
   		$(".slider").yxMobileSlider({width:640,height:320,during:3000});    
		var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'vertical',
		    loop: true,
			autoplay:2000,
			speed:500,
		    pagination: '.swiper-pagination'
		});
		var mySwiper1 = new Swiper ('.swiper-container1', {
		    slidesPerView: 'auto',
        	centeredSlides: true,
        	paginationClickable: true,
        	spaceBetween: 30,
        	loop : true,
			loopedSlides :10
		});
		function zero(n){
			return n<10?'0'+n:''+n;
		}
		var oDate=new Date();
		var timer=oDate.getHours();
		$('#seckillNow em').html(timer);
		/*秒杀倒计时*/
			var m = $('#time_m');
			var s = $('#time_s');
			var targetDate=new Date();
			//获取系统当前时间并设置倒计时到哪天的日期2017年11月11日0分0秒
			//设置时间 月份从0开始    3为下标
			targetDate.setFullYear(2017,10,11);
			targetDate.setHours(0,0,0);
			//毫秒数
			var targetTime=targetDate.getTime();//设置的日期到1970年0时0分0秒的毫秒数
			setInterval(time,1000);
			function time(){
				var nowDate=new Date();
				var nowTime=nowDate.getTime();//获取今天的毫秒数  今天到1970年0时0分0秒的毫秒数
				var distanceTime=(targetTime - nowTime)/1000;
				var seconds=parseInt(distanceTime%86400);
				//秒数变小时
				var hoursTime=parseInt(seconds/3600);
				//变为小时后剩余的秒数
				var seconds1=seconds%3600;
				//秒数变分钟
				var minutesTime =parseInt(seconds1/60);
				// 最后的秒数
				var lastSeconds = seconds%60;
				m.html(minutesTime);
				s.html(zero(lastSeconds));
			}
			time();
 	</script>
</body>
</html>